<template>
    <div>
        <HeaderTop title=""></HeaderTop>
        <div class="wrap">
            <img src="~@/assets/imgs/order/order_empty.png" alt="">
            <div class="line1">Application has been submitted</div>
            <div class="line2">You can check the loan progress in the bill.</div>
<!--            <div class="btnApp">-->
<!--                <div class="btn" @click="returnTo">Back</div>-->
<!--            </div>-->
                <!-- <button @click="returnTo" class="back-btn">Return</button> -->
          <productListCom :replace="true" :recommend="true" :pageTrackerInfo="pageTrackerInfo"/>
        </div>
    </div>

</template>
<script>
import HeaderTop from '@/components/header-top'
import productListCom from '@/views/product/productList/components/productListCom'
export default {
  components: {
    HeaderTop,
    productListCom
  },
  data () {
      return {
          pageTrackerInfo: {
              page: 'applyFinished',
              startTime: new Date().getTime()
          }
      }
  },
  methods:{
    returnTo(){
          // TODO 
          this.$router.replace({
            path: "/product/productList",
          });
      },
    },
    mounted () {
        this.pageStartAction()
        // 下单完成页页面曝光
        this.$buryPoint.action({
                eventName: 'applyFinished_page_show',
                ...this.pageTrackerInfo
        });
    }
  }
</script>
<style lang="scss" scoped>
@import './index.scss';
</style>